<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/taglib.jsp" %>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta content="微社区,Q生活" name="keywords"/>
<meta content="微社区,Q生活" name="description"/>
<title>微社区|Q生活</title>
<link rel="stylesheet" href="${ctx }/static/css/Master.css"/>
<link rel="stylesheet" href="${ctx }/static/css/lq.datetimepick.css"/>

<script src="${ctx }/static/js/jquery-1.9.0.min.js"></script>
<script src="${ctx }/static/js/simpletooltip.min.js"></script>
<script src="${ctx }/static/js/selectUi.js"></script>
<script src="${ctx }/static/js/lq.datetimepick.js"></script>

<script src="${ctx}/static/plugins/layer/layer.js"></script>
<%-- 基础js,所有页面都需要引入此js,依赖layer.js --%>
<script src="${ctx}/static/js/common/base.js"></script>
<script src="${ctx}/static/js/common/util.js"></script>

<script type="text/javascript">
$(function(){
	$(".btn-details").click(function() {
		var $btn = $(this);
		$btn.next().slideToggle('normal',function(){
			if($(this).is(":hidden")){
				$btn.text("查看图片");
			}else{
				$btn.text("收起图片");
			}
		});
    });
	
	// 睡眠是为了让图片onerror回调函数执行完
	setTimeout(function(){
		// 全屏查看图片
		parent.showPhotos($(".layer-photos"));
	}, 500);

});

</script>
</head>

<body  class="utilSubmit">
<section class="boxRight">
<form id="searchForm" method="get" >
		<div class="context boxborder">
			<%--<div class="SearchList">
				<ul class="clearfix">
					<li><span class="name">反馈时间：</span><span class="date"><input name="text" type="text" placeholder="开始时间" id="datetimepicker_start"/></span><span class="fg">~</span><span class="date"><input name="text" type="text" placeholder="结束时间" id="datetimepicker_end"/></span></li>
					<li><span class="name">组织类型： </span>
						<div id="select1" class="selectul"><div class="selectfocus" data-value="全部用户"><em>全部用户</em></div><select><option>请选择</option><option>111</option><option>222</option><option>333</option></select></div>
					</li>
					<li><span class="name">组织类型： </span>
						<div id="select2" class="selectul"><div class="selectfocus" data-value="超级管理员"><em>超级管理员</em></div><select><option>请选择</option><option>111</option><option>222</option><option>333</option></select></div>
					</li>
					<li class="combtn pr"><a href="javascript:void(0);" onclick="submitPage(1,this);" class="utilSubmitBtn">查询</a><a href="javascript:void(0);" class="utilReset">重置</a> </li>
				</ul>
			</div>
			
			--%>
			
			<!-- 顶部按钮 -->
			<div class="pr prlink"><a href="${ctx}/feedback/addFeedback"><span class="icon j_icon"></span>我要反馈</a></div>
			
			<div class="com_table">
				<table width="100%" cellpadding="0" cellspacing="0">
					<tr>
						<th>序号</th>
						<th>标题</th>
						<th>内容</th>
						<th>图片</th>
						<th>反馈类型</th>
						<%--<th>反馈人</th>
						<%--<th>手机号码</th>
						<th>角色</th>
						<th>所属机构</th>
						--%><th>反馈时间</th>
					</tr>
					<c:forEach items="${result.entityList}" var="feedback" varStatus="status">
					<tr>
						<td>${(result.currentPage-1)*result.pageSize+status.count}</td>
						<td>
							<div class="utilTips">
								${feedback.feeTitle.length()>10?feedback.feeTitle.substring(0,10).concat(" ..."):feedback.feeTitle}
	                			<c:if test="${feedback.feeTitle.length()>10}">
	                			<div class="utilTipsText" style="display: none;">${feedback.feeTitle}</div>
	                			</c:if>
							</div>
						</td>
						<td>
							<div class="utilTips">
								${feedback.feeInfo.length()>15?feedback.feeInfo.substring(0,15).concat(" ..."):feedback.feeInfo}
								<c:if test="${feedback.feeInfo.length()>15}">
	                			<div class="utilTipsText" style="display: none;">${feedback.feeInfo}</div>
	                			</c:if>
	                		</div>
						</td>
						<td style="width: 342px;text-align: left;">
							<c:if test="${not empty feedback.fileList}">
							<a href="javascript:void(0)" class="btn-details">查看图片</a>
							<div style="display: none;">
								<div id="layer-photos" class="layer-photos">
								    <c:forEach items="${feedback.fileList}" var="file" varStatus="status">
									<img layer-pid="${file.filId }" layer-src="${fUrl }${file.filSerPath}" 
										alt="${file.filSerName }" src="${fUrl }${file.filSerPath}"
										width="110px;" height="110px;" title="点击全屏查看" style="margin: 0px 1px 10px 0px;cursor: pointer;"
										onerror="this.src='${ctx }/static/images/default4.jpg';this.setAttribute('layer-src','${ctx }/static/images/default4.jpg');this.onerror=null;"/>
									</c:forEach>
								</div>
							</div>
							</c:if>
						</td>
						<td>${diy:keyToValue(feedback.feeTheme,'FEE_THEME')}</td>
						<%--<td>${feedback.user.useRealName }</td>
						<td>${feedback.user.useMobilePhone }</td>
						<td>
							<div class="utilTips">
								${feedback.user.rolNames.length()>15?feedback.user.rolNames.substring(0,15).concat(" ..."):feedback.user.rolNames}
								<c:if test="${feedback.user.rolNames.length()>15}">
		                		<div class="utilTipsText" style="display: none;">${feedback.user.rolNames}</div>
		                		</c:if>
							</div>
						</td>
						<td>${feedback.user.org.orgName }</td>--%>
						<td>
							<div class="utilTips">
								<pretty:prettyTime date="${feedback.insertDate}"/>
		                		<div class="utilTipsText" style="display: none;"><fmt:formatDate value="${feedback.insertDate}" pattern="yyyy-MM-dd HH:mm:ss" /></div>
							</div>
						</td>
					</tr>
					</c:forEach>
				</table>
				<%-- 分页 --%>
				<%@ include file="/WEB-INF/common/page.jsp"%>
			</div>
		</div>
</form>	
</section>
</body>
</html>
